.recycle-progress-component {
  position: relative;
  margin: 24rpx 24rpx 0;
}
.recycle-progress-content {
	background-color: #fff;
	border-radius: 12rpx;
}
.progress-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24rpx;
	.progress-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #2c2c2c;
	}
	.service-btn {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #777777;
		.icon-kefu {
			margin-left: 8rpx;
			width: 10rpx;
			height: 16rpx;
		}
	}
}
.progress-body {
	padding: 0 24rpx 24rpx;
	.progress-images {
		display: flex;
		.progress-image {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 24rpx;
			height: 90rpx;
			border-radius: 6rpx;
			overflow: hidden;
			&:first-child {
				margin-left: 0;
			}
			.icon-progress {
				width: 100%;
				height: auto;
			}
		}
	}
	.progress-texts {
		display: flex;
		align-items: center;
		margin-top: 12rpx;
		.progress-text {
			flex: 1;
			text-align: center;
			font-size: 24rpx;
			color: #777777;
		}
		.progress-right {
			display: flex;
			justify-content: center;
			width: 24rpx;
			height: 16rpx;
			.icon-progress-right{
				width: 10rpx;
				height: 16rpx;
			}
		}
	}
}
.progress-footer {
	.progress-faq-item {
		position: relative;
		&::before {
			position: absolute;
			content: '';
			left: 0;
			top: 0;
			width: 100%;
			height: 1px;
			background-color: #ececec;
			transform: scaleY(0.5);
		}
		.faq-header {
			display: flex;
			align-items: center;
			padding: 24rpx;
			.faq-question {
				flex: 1;
				font-size: 24rpx;
				color: #000000;
			}
			.icon-progress-down {
				width: 16rpx;
				height: 10rpx;
				&.active {
					transform: rotateZ(180deg);
				}
			}
		}
		.faq-answer {
			padding: 0 24rpx 24rpx;
			font-size: 24rpx;
			color: #777777;
		}
	}
}